.col-sm-3
  h5.font-bold 分类
  ul.list-group
    li.list-group-item
      a(href='#')
        span.badge.pull-right 15
        |                         照片
    li.list-group-item
      a(href='#')
        span.badge.pull-right 30
        |                         生活
    li.list-group-item
      a(href='#')
        span.badge.pull-right 9
        |                         美食
    li.list-group-item
      a(href='#')
        span.badge.pull-right 4
        |                         旅行
  h5.font-blod 标签云
  .tags.m-b-lg.l-h-2x.
    <a href="#" class="label bg-primary">Bootstrap</a>
    <a href="#" class="label bg-primary">Application</a>
    <a href="#" class="label bg-primary">Apple</a>
    <a href="#" class="label bg-primary">Less</a>
    <a href="#" class="label bg-primary">Theme</a>
    <a href="#" class="label bg-primary">Wordpress</a>
  h5.font-bold 最新 文章
  div
    article.media
      a.pull-left.thumb.thumb-wrapper.m-t-xs
        img(src='/images/m1.jpg')
      .media-body
        a.font-semibold(href='#') Bootstrap 3: What you need to know
        .text-xs.block.m-t-xs
          a(href='#') Travel
          |  2 minutes ago
    .line
    article.media.m-t-none
      a.pull-left.thumb.thumb-wrapper.m-t-xs
        img(src='/images/m1.jpg')
      .media-body
        a.font-semibold(href='#') Lorem ipsum dolor sit amet, consectetur adipiscing elit.
        .text-xs.block.m-t-xs
          a(href='#') Design
          |  2 hours ago
    .line
    article.media.m-t-none
      a.pull-left.thumb.thumb-wrapper.m-t-xs
        img(src='/images/m1.jpg')
      .media-body
        a.font-semibold(href='#') Sed diam nonummy nibh euismod tincidunt ut laoreet
        .text-xs.block.m-t-xs
          a(href='#') MFC
          |  1 week ago
